﻿
@{
    Layout = null;
}

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>OA协办云办公平台</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="../layuiadmin/layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="../layuiadmin/style/admin.css" media="all" />
    <script src="~/lib/jquery/dist/jquery.js"></script>
    <script src="../layuiadmin/layui/layui.js"></script>
    
</head>
<body class="layui-layout-body">
    <input id="token" type="hidden" />
    <div id="LAY_app">
        <div class="layui-layout layui-layout-admin">
            <div class="layui-header">
                <!-- 头部区域 -->
                <ul class="layui-nav layui-layout-left">
                    <li class="layui-nav-item layadmin-flexible" lay-unselect>
                        <a href="javascript:;" layadmin-event="flexible" title="侧边伸缩">
                            <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
                        </a>
                    </li>
                    <li class="layui-nav-item layui-hide-xs" lay-unselect>
                        <a href="http://www.layui.com/admin/" target="_blank" title="前台">
                            <i class="layui-icon layui-icon-website"></i>
                        </a>
                    </li>
                    <li class="layui-nav-item" lay-unselect>
                        <a href="javascript:;" layadmin-event="refresh" title="刷新">
                            <i class="layui-icon layui-icon-refresh-3"></i>
                        </a>
                    </li>
                    <li class="layui-nav-item" lay-unselect>
                        <a href="javascript:;" layadmin-event="refresh" title="系统设置">
                            <i class="layui-icon layui-icon-username" style="font-size: 17px;">系统设置</i>
                        </a>
                    </li>
                    <li class="layui-nav-item" lay-unselect>
                        <a href="/Home/MyHomeIndex" layadmin-event="refresh" title="办公通用">
                            <i class="layui-icon layui-icon-component" style="font-size: 17px;">办公通用</i>
                        </a>
                    </li>
                    <li class="layui-nav-item" lay-unselect>
                        <a href="javascript:;" layadmin-event="refresh" title="常用功能">
                            <i class="layui-icon layui-icon-app" style="font-size: 17px;">常用功能</i>
                        </a>
                    </li>
                    <li class="layui-nav-item layui-hide-xs" lay-unselect>
                        <input type="text" placeholder="搜索..." autocomplete="off" class="layui-input layui-input-search" layadmin-event="serach" lay-action="template/search.html?keywords=">
                    </li>
                </ul>
                <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">

                    <li class="layui-nav-item layui-hide-xs" lay-unselect>
                        <a href="javascript:;" layadmin-event="note">
                            <i class="layui-icon layui-icon-note"></i>
                        </a>
                    </li>
                    <li class="layui-nav-item layui-hide-xs" lay-unselect>
                        <a href="javascript:;" layadmin-event="fullscreen">
                            <i class="layui-icon layui-icon-screen-full"></i>
                        </a>
                    </li>
                    <li class="layui-nav-item" lay-unselect>
                        <a href="javascript:;">
                            <img src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg" class="layui-nav-img">
                            <cite>@ViewBag.username</cite>
                        </a>
                        <dl class="layui-nav-child">
                            <dd><a lay-href="set/user/info.html">基本资料</a></dd>
                            <dd><a lay-href="set/user/password.html">修改密码</a></dd>
                            <dd onclick="logout()" style="text-align: center;"><a href="/UsersWeb/Index">退出</a></dd>
                        </dl>
                    </li>

                    <li class="layui-nav-item layui-hide-xs" lay-unselect>
                        <a href="javascript:;" layadmin-event="about"><i class="layui-icon layui-icon-more-vertical"></i></a>
                    </li>
                    <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-unselect>
                        <a href="javascript:;" layadmin-event="more"><i class="layui-icon layui-icon-more-vertical"></i></a>
                    </li>
                </ul>
            </div>

            <!-- 侧边菜单 -->
            <div class="layui-side layui-side-menu">
                <div class="layui-side-scroll">
                    <div class="layui-logo" lay-href="home/console.html">
                        <span>物联网+协同办公云平台</span>
                    </div>
                    <ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu" lay-filter="layadmin-system-side-menu">
                    </ul>
                </div>
            </div>

            <!-- 页面标签 -->
            <div class="layadmin-pagetabs" id="LAY_app_tabs">
                <div class="layui-icon layadmin-tabs-control layui-icon-prev" layadmin-event="leftPage"></div>
                <div class="layui-icon layadmin-tabs-control layui-icon-next" layadmin-event="rightPage"></div>
                <div class="layui-icon layadmin-tabs-control layui-icon-down">
                    <ul class="layui-nav layadmin-tabs-select" lay-filter="layadmin-pagetabs-nav">
                        <li class="layui-nav-item" lay-unselect>
                            <a href="javascript:;"></a>
                            <dl class="layui-nav-child layui-anim-fadein">
                                <dd layadmin-event="closeThisTabs"><a href="javascript:;">关闭当前标签页</a></dd>
                                <dd layadmin-event="closeOtherTabs"><a href="javascript:;">关闭其它标签页</a></dd>
                                <dd layadmin-event="closeAllTabs"><a href="javascript:;">关闭全部标签页</a></dd>
                            </dl>
                        </li>
                    </ul>
                </div>
                <div class="layui-tab" lay-unauto lay-allowClose="true" lay-filter="layadmin-layout-tabs">
                    <ul class="layui-tab-title" id="LAY_app_tabsheader">
                        <li lay-id="home/console.html" lay-attr="home/console.html" class="layui-this">
                            <i class="layui-icon layui-icon-home"></i>
                        </li>
                    </ul>
                </div>
            </div>


            <!-- 主体内容 -->
            <div class="layui-body" id="LAY_app_body">
                <div class="layadmin-tabsbody-item layui-show">
                    <iframe src="/UsersWeb/CtrlShow" frameborder="0" class="layadmin-iframe"></iframe>
                </div>
            </div>

            <!-- 辅助元素，一般用于移动设备下遮罩 -->
            <div class="layadmin-body-shade" layadmin-event="shade"></div>
        </div>
    </div>


    <script>
        //定义变量接收拼接的字符串
        var menus = '';
        $(function () {
            //});
            $.ajax({
                //根据用户ID，拿到用户有的第一级权限
                url: 'https://localhost:44398/api/Menus/GetFuMenu?id=' +@ViewBag.id,
                async: false,
                //headers: { authorization: 'Bearer ' + $("#token").val() },
                //回调函数内拼接
                success: function (d) {
                    for (var i = 0; i < d.length; i++) {
                        menus += '<li data-name="app" class="layui-nav-item">';
                        //因为有子级和无子级的样式不同，加个if判断
                        if (d[i].link == "javascript:;") {
                            menus += '<a href = "javascript:;">';
                        } else {
                            menus += '<a lay-href = "' + d[i].link + '" lay-tips="' + d[i].menuName + '" lay-direction="2" >';
                        }
                        menus += '<i class="' + d[i].icon + '"></i>';
                        menus += '<cite>' + d[i].menuName + '</cite>';
                        menus += '</a>';
                        childMenus(d[i].menuID);
                        menus += '</li>';
                    }
                    console.log(menus);
                    //通过html函数把拼好的赋值给ul
                    $("#LAY-system-side-menu").html(menus);
                }
            });
        })
        //
        function childMenus(parentID) {
            $.ajax({
                //根据父级ID查询父级下的子级
                url: 'https://localhost:44398/api/Menus/GetZiMenu?Pid=' + parentID,
                //必须关闭ajax的异步
                async: false,
                //headers: { authorization: 'Bearer '+$("#token").val() },
                //回调函数拼接
                success: function (d) {
                    for (var i = 0; i < d.length; i++) {
                        menus += '<dl class="layui-nav-child">';
                        menus += '<dd data-name="workorder">';
                        //因为有子级和无子级的样式不同，加个if判断
                        if (d[i].link == "javascript:;") {
                            menus += '<a href="javascript:;">';
                        } else {
                            menus += '<a lay-href="' + d[i].link + '">';
                        }
                        menus += '<i class="' + d[i].icon + '"></i>';
                        menus += '<cite>' + d[i].menuName + '</cite>';
                        menus += '</a>';
                        //如果有子级，调用方法
                        if (d[i].link == 'javascript:;') {
                            childMenus(d[i].menuID);
                        }
                        menus += '</dd>';
                        menus += '</dl>';
                    }
                }
            });
        }

    </script>

    <script>
        //（4） 前端：浏览器请求服务器的时候，要带上JWT
        $.ajaxSetup({
            beforeSend: function (xhr) {
                if (localStorage.getItem("token") !== null) {
                    //（4） 前端：浏览器请求服务器的时候，要带上JWT
                    xhr.setRequestHeader('Authorization', 'Bearer ' + localStorage.getItem("token"));
                }
            }
        });
        //JS
        layui.use(['element', 'layer', 'util'], function () {
         
            var element = layui.element
                , layer = layui.layer
                , util = layui.util
                , $ = layui.$;

            $("#token").val(localStorage.getItem("token"));
          

            //头部事件
            util.event('lay-header-event', {
                //左侧菜单事件
                menuLeft: function (othis) {
                    layer.msg('展开左侧菜单的操作', { icon: 0 });
                }
                , menuRight: function () {
                    layer.open({
                        type: 1
                        , content: '<div style="padding: 15px;">处理右侧面板的操作</div>'
                        , area: ['260px', '100%']
                        , offset: 'rt' //右上角
                        , anim: 5
                        , shadeClose: true
                    });
                }
            });
        });

        //文档就绪
        $(function () {
            $(".layui-side-scroll a").click(function (e) {
                e.preventDefault();
                $("#iframBody").attr("src", $(this).attr("href"));
            })
        })

    </script>

    <script>
        layui.config({
            base: '/layuiadmin/' //静态资源所在路径
        }).extend({
            index: '/lib/Index' //主入口模块
        }).use('index');
    </script>
</body>
</html>
